.personInfo-list-area{
    width: 90%;
    height: auto;
    /*background-color: #00a0e9;*/
    margin: auto;
}
.main-body-area{
    margin-bottom: 0;
}
.personInfo-list-area ul{
    margin-top: 0.2rem;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.personInfo-list-area ul li{
    width: 100%;
    height: 1rem;
    /*background-color: #ABABAB;*/
    border-bottom: 1px solid #e3e3e3;
}
.personInfo-list-area ul li a{
    color: #666;

    width: 100%;
    display: inline-block;
    height: 100%;
    /*background-color: #FF3030;*/
}
.personInfo-title{
    font-size: 0.28rem;
    float: left;
    display: inline-block;
    height: 100%;
    width: 20%;
    line-height: 1.3rem;
}
.personInfo-detail {
    text-align: right;
    font-size: 0.25rem;
    line-height: 1.3rem;
    padding-left: 20%;
    display: inline-block;
    width: 40%;
    height: 100%;
    float: left;
    padding-right: 10%;
}
.to-page{
    width: 10%;
    float: left;
    height: 100%;
    display: inline-block;
    /* background-color: yellowgreen; */
    background-image: url(../../mall/img/toPage.png);
    background-repeat: no-repeat;
    background-position: 0.2rem 0.55rem;
    background-size: 0.12rem;
}
.detail-img{
    line-height: 1.7rem;
}
.img-area-box{
    border-radius: 100%;
    height: 0.8rem;
    width: 0.8rem;
}
/*保存按钮*/
.save-person-info{
    width: 50%;
    height: 0.8rem;
    margin: auto;
    /*background-color: aqua;*/
    padding: 0.4rem 0 0.4rem 0;
}
.saveInfo-btn{
    height: 100%;
    width: 100%;
    background-color: #F23A38;
    border-radius: 10px;
    outline: none;
    color: white;
    font-size: 0.28rem;
}
/*end*/